<template>
    <div class="container-child">
        {{ msg }}
        <UncleSon></UncleSon>
    </div>
</template>
<script lang='ts' setup>
import UncleSon from './UncleSon.vue';
import {ref} from 'vue'
import bus from '@/utils/bus'
let msg=ref<any>('')
bus.on('make',(arg)=>{
    msg.value=arg
    
})

</script>
<style lang='scss' scoped>
.container-child{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 400px;
    height: 150px;
    border: 2px dashed skyblue;
    background-color: skyblue;
}
</style>